{% extends 'mama.html' %}
{% block content %}

    <div>
        <div class="container">
            <div style="font-size:40px;">
                <a class="btn btn-success" href="/num/add/">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                    新建靓号
                </a>
            </div>
            <div style="float: right;width: 300px;">
                <form method="get">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="Search"
                               value="{{ search_data }}">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            </button>
                        </span>
                    </div>
                </form>
            </div>

            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading">
                    <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
                    靓号列表
                </div>
                <!-- Table -->
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>手机号</th>
                        <th>价格</th>
                        <th>等级</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for obj in q %}
                        <tr>
                            <th>{{ obj.id }}</th>
                            <td>{{ obj.mobile }}</td>
                            <td>{{ obj.price }}</td>
                            <td>{{ obj.get_level_display }}</td>
                            <td>{{ obj.get_status_display }}</td>
                            <td>
                                <a class="btn btn-primary btn-xs" href="/num/{{ obj.id }}/edit/">编辑</a>
                                <a class="btn btn-danger btn-xs" href="/num/delete/?nid={{ obj.id }}">删除</a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <nav style="text-align:center">
            <ul class="pagination">
                {{ page_string }}
            </ul>

        </nav>

        <form method="get">
            <div class="input-group" style="float: right;width: 200px;">
                <input type="text" name="page" class="form-control" placeholder="页码"
                       value="{{ search_data }}">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="submit">跳转
                    </button>
                </span>
            </div>
        </form>

    </div>
{% endblock %}